<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>脸型与眼镜搭配技巧</title>
    <link rel="stylesheet" href="CSS/stley.css">
    <script src="JS/js.js"></script>
</head>
<body>
    <div class="f_containter">
        <div class="itm">
            <img src="images/l0.jfif" alt="">
            <h1>欢迎来到脸型与眼镜搭配技巧网站</h1>
            <p>请点击下方的进入按钮，输入脸型，进入测试</p>
            <button onclick="show_prompt()">进入</button>
            <button onclick="quit()">退出</button>
        </div>

        <div id='result' class="itm">
            <img src="images/l0.webp" alt="">
            <h2>最基本的原则就是</h2>
            <p>镜片朝下巴方间所占的空间越大</br>脸就会显得越短</br>镜片或镜框越窄</br>眼镜戴得越高</br>脸的下半部分就会显得越长</p>
        </div>
        </div>
    </div>
</body>
</html>